<!DOCTYPE html>

<html>

	<head>

		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

		<title>仪器共享</title>

		<meta name="keywords" content="科研仪器，生命科学仪器，环境检测仪器，实验常用设备，分析仪器">

		<meta name="description" content="中国领先的科研仪器共享平台，让您快速找到各种类型的科学研究仪器。提升闲置仪器利用率，产生更大科研价值。涵盖：生命科学仪器、环境检测仪器、实验常用设备、分析仪器、仪表、物性测试、测量/计量仪器、在线及过程控制仪器。
">
		<!--<link rel="stylesheet" href="new_css/header_footer.css?t=1">-->
		<link rel="stylesheet" href="new_css/userCenter.css">
		<link rel="stylesheet" href="css/new_style.css">
		<link rel="stylesheet" href="js" />
		<script src="new_js/jquery-1.11.3.js"></script>
		<link rel="stylesheet" href="css/reset.css">
		<link rel="stylesheet" href="css/common.css">
		<style>
			.myPage {
				margin: 0 auto;
				width: 990px;
				height: 80px;
				font-size: 12px;
				margin-top: 40px;
				margin-left: 431px;
			}
			 .sun_title{
				 text-align: center !important;
				 width: 100%;
				 height: 46px;
				 line-height: 46px;
				 margin: 0 auto;
				 padding: 0px !important;
				 border-left: 2px solid #fff;
				 margin-top: 0px !important;
				 cursor: pointer;
			 }

			.sun_title:hover{
				background-color: #F4F4F4;
				border-left: 2px solid #FF8A00;
			}

			.activity{
				text-align: center !important;
				width: 100%;
				height: 46px;
				line-height: 46px;
				margin: 0 auto;
				padding: 0px !important;
				background-color: #F4F4F4;
				border-left: 2px solid #FF8A00;
			}


		</style>
		<script>
			$(function() {
				
				$('#front_header .header_wrap .right').hover(function() {
					$('#front_header .header_wrap .right .main .icon img').attr('src', 'images/icon2.png');
					$('#front_header .header_wrap .right .out').show();
				}, function() {
					$('#front_header .header_wrap .right .main .icon img').attr('src', 'images/icon1.png');
					$('#front_header .header_wrap .right .out').hide();
				});
				
				//-----
				$("#item2").mouseover(function(){
       $(".item2_ul").css("display","block");
});


$("#item2").mouseout(function(){
       $(".item2_ul").css("display","none");
});
				
				
				//----
//				$('#item2').on('mouseover',function() {
//					console.log("111111");
//					$('#item2_ul').css('display','block');
//				}
//				$('#item2').on('mouseout',function() {
//					$('#item2_ul').css('display', 'none');
//				}
				
				$('#sorts').on('mouseover', 'li', function() {
					$(this).find('span img').attr('src', 'images/icon4.png');
				});
				$('#sorts').on('mouseout', 'li', function() {
					$(this).find('span img').attr('src', 'images/icon5.png');
				});
				
				$('.mainList .content .left li').click(function(){
					$(this).addClass('selected').siblings().removeClass('selected');
				});
			});
			
		</script>
	</head>

	<body style="background:#fff;">
	<!--header-->
	<header>
		<!--Top head navigation bgc-->
		<div class="top-nav-bgc">
			<!--Top head navigation-->
			<div class="top-nav">
				<!--left-->
				<div class="top-nav-left fl">
					<!--img-->
					<img src="images/home.png">
					<!--companyName-->
					<span><a href="index">观迎访问仪器共享平台</a></span>
				</div>
				<!--right-->
				<div class="top-nav-right fr" >
					<!--username-info-->
					<div class="username-info">
						<!--userImg-->
						<div class="userImg fl">
							<img src="images/user.png">
						</div>
						<!--username-->
						<div class="username fl">
							<ul>
								<li id="username" >
									<a onclick="userImg();" href="">itwangyang@foxmail.com</a>
									<img id="userImg" src="images/icon1.png">
								</li>
							</ul>
							<ul  class="dropdown-nav" id="dropdown-nav" style="display: none">
								<!--<img src="images/icon9.png">-->
								<li>
									<a class="active" href="">用户中心</a>
								</li>
								<li>
									<a href="">退出登录</a>
								</li>
							</ul>
						</div>
						<!--selectNav-->
						<!--<div class="icon-img fl">-->
						<!--<img src="images/icon1.png">-->
						<!--</div>-->
					</div>
				</div>
			</div>
		</div>
		<!--header search-->
		<div class="header-search clearfix">
			<!--left-->
			<div class="header-search-lef fl">
				<div class="logo-name fl" ><a href="index">科研仪器共享平台</a> </div>
				<div class="shopping-Mall fl">
					<div class="logo-mall instrument-management">
						<a href="">仪器管理</a>
					</div>
				</div>
			</div>
			<!--right-->
		</div>

		<!--nav-->
		<nav>
			<ul>
				<li>
					<a  href="#">仪器管理与发布
						<span>
                        <img src="images/yydd_arrow_blank.png" onmouseover="this.src='images/yydd_arrow_white.png' " onmouseout=this.src='images/yydd_arrow_blank.png'>
                    </span>
					</a>
					<ul>
						<li ><a  href="#">信息维护</a> </li>
						<li><a href="#">发布仪器</a> </li>
						<li><a href="#">发布仪器公告</a> </li>
						<li><a href="#">发布服务</a> </li>
					</ul>
				</li>


				<li>
					<a  href="#">预约订单管理
						<span>
                        <img src="images/yydd_arrow_white.png" onmouseover="this.src='images/yydd_arrow_white.png' " onmouseout=this.src='images/yydd_arrow_blank.png'>
                    </span>
					</a>
					<ul>
						<li ><a  href="#">仪器预约订单</a> </li>
						<li><a href="#">服务预约订单</a> </li>
					</ul>
				</li>

				<li>
					<a class="nav-active" href="#">实验订单管理
						<span>
                        <img src="images/yydd_arrow_white.png" onmouseover="this.src='images/yydd_arrow_white.png' " onmouseout=this.src='images/yydd_arrow_blank.png'>
                    </span>
					</a>
					<ul>
						<li ><a class="nav-active" href="#">仪器实验订单</a> </li>
						<li><a href="#">服务实验订单</a> </li>
					</ul>
				</li>
			</ul>
		</nav>
	</header>



	<div class="mainList">
			<!--<div class="bNav">您的位置：首页><span>用户中心</span></div>-->
			<div class="content">
				<div class="left">
					<div class="title">仪器管理</div>
					<!--<div class="list_header">全部订单<img src="images/usercenter_icon.png" /></div>-->

						<div class="sun_title ">已回复</div>
						<div class="sun_title activity">未回复</div>

						<!--<li class="selected">待确认</li>
						<li>待支付</li>
						<li>待实验</li>
						<li>已完成</li>
						<li>未评价</li>
						<li>个人资料</li>-->
					
				</div>
				<div class="right"> 
					<div class="title"><span>仪器预约订单</span></div>
					<div class="tab_header">
						<div class="item1">设备详情</div>
						<div class="item2"></div>
						<div class="item3">型号</div>
						<div class="item4">仪器负责人</div>
						<div class="item5">交易状态</div>
						<div class="item6">交易操作</div>
					</div>
					<div class="infoList">
						<ul>
							<li >
								<div class="row1" onclick="deleteElement(this)">
									<div>
										<span>2018-03-13 18:36:04 </span>
										<span>订单编号: 3232430800330166</span>
									</div>
									<div><img src="images/usercenter_icon2.png" /></div>
								</div>
								<div class="row2">
									<div class="tab1"><img src="images/usercenter_pic.png" /></div>
									<div class="tab2">高内涵筛选系统</div>
									<div class="tab3">operetta</div>
									<div class="tab4">张三</div>
									<div class="tab5">
										<p>已确认</p>
										<p>
											<a href="#this">查看详情</a>
										</p>
									</div>
									<div class="tab6">
										<div class="btn">
											<a href="bookingOrderDetail24.html">确认</a>
										</div>
										<div class="time">还剩<span id="LeftTime"></span></div>
									</div>
								</div>
							</li>
							<li>
								<div class="row1" onclick="deleteElement(this)">
									<div>
										<span>2018-03-13 18:36:04 </span>
										<span>订单编号: 3232430800330166</span>
									</div>
									<div><img src="images/usercenter_icon2.png"  /></div>
								</div>
								<div class="row2">
									<div class="tab1"><img src="images/usercenter_pic.png" /></div>
									<div class="tab2">高内涵筛选系统</div>
									<div class="tab3">operetta</div>
									<div class="tab4">张三</div>
									<div class="tab5">
										<p>待确认</p>
										<p>
											<a href="#this">查看详情</a>
										</p>
									</div>
									<div class="tab6">
										<div class="btn">
											<a href="bookingOrderDetail24.html">待支付</a>
										</div>
										<div class="time">还剩</div>
									</div>
								</div>
							</li>
							<li>
								<div class="row1">
									<div>
										<span>2018-03-13 18:36:04 </span>
										<span>订单编号: 3232430800330166</span>
									</div>
									<div><img src="images/usercenter_icon2.png" /></div>
								</div>
								<div class="row2">
									<div class="tab1"><img src="images/usercenter_pic.png" /></div>
									<div class="tab2">高内涵筛选系统</div>
									<div class="tab3">operetta</div>
									<div class="tab4">张三</div>
									<div class="tab5">
										<p>已支付</p>
										<p>
											<a href="#this">查看详情</a>
										</p>
									</div>
									<div class="tab6">
										<div class="btn">
											<a href="bookingOrderDetail24.html">待支付</a>
										</div>
										<div class="time">还剩11:23:02</div>
									</div>
								</div>
							</li>
							<li>
								<div class="row1">
									<div>
										<span>2018-03-13 18:36:04 </span>
										<span>订单编号: 3232430800330166</span>
									</div>
									<div><img src="images/usercenter_icon2.png" /></div>
								</div>
								<div class="row2">
									<div class="tab1"><img src="images/usercenter_pic.png" /></div>
									<div class="tab2">高内涵筛选系统</div>
									<div class="tab3">operetta</div>
									<div class="tab4">张三</div>
									<div class="tab5">
										<p>待确认</p>
										<p>
											<a href="#this">查看详情</a>
										</p>
									</div>
									<div class="tab6">
										<div class="btn">
											<a href="bookingOrderDetail24.html">待支付</a>
										</div>
										<div class="time">还剩11:23:02</div>
									</div>
								</div>
							</li>
							<li>
								<div class="row1">
									<div>
										<span>2018-03-13 18:36:04 </span>
										<span>订单编号: 3232430800330166</span>
									</div>
									<div><img src="images/usercenter_icon2.png" /></div>
								</div>
								<div class="row2">
									<div class="tab1"><img src="images/usercenter_pic.png" /></div>
									<div class="tab2">高内涵筛选系统</div>
									<div class="tab3">operetta</div>
									<div class="tab4">张三</div>
									<div class="tab5">
										<p>待确认</p>
										<p>
											<a href="#this">查看详情</a>
										</p>
									</div>
									<div class="tab6">
										<div class="btn">
											<a href="#this">待支付</a>
										</div>
										<div class="time">还剩11:23:02</div>
									</div>
								</div>
							</li>
						</ul>
					</div>
					<!--page-->
					<div class="myPage clearfix">
						<!--currentpage="1" numbercount="100"-->
						<ul class="page" maxshowpageitem="5" pagelistcount="10"  id="page"></ul>
					</div>
				</div>
			</div>
			
		</div>


		<!--footer-->
		<footer>
			<div class="foot clearfix">
				<p>&copy; 2015-2020 科研仪器 版权所有 技术支持：科研仪器共享平台 支持电话：010-123658987 </p>
			</div>
		</footer>

		<script src="js/jquery-1.11.3.js"></script>
		<script src="js/common.js"></script>
	<script type="text/javascript">
        function deleteElement(Obj){
            Obj.parentNode.parentNode.removeChild(Obj.parentNode);
        }
	</script>

	<script>
        //倒计时效果js代码
        function checktime(i){
            if(i<10){
                i="0"+i;

            }
            else{i=i;}
            return i;
        }
        function freshTime(){
            var endtime=new Date('2018/09/20');
            var nowtime=new Date();
            var lefttime=parseInt(endtime.getTime()-nowtime.getTime());//这是毫秒，如果再/1000就是秒
            // 获取剩下的日、小时、分钟、秒钟
            // 一天有多少毫秒，一小时有多少毫秒，一分钟有多少毫秒，一秒钟有多少毫秒
            var dm=24*60*60*1000;
            var d=parseInt(lefttime/dm);
            var hm=60*60*1000;
            var h=parseInt((lefttime/hm)%24);
            var mm=60*1000;
            var m=parseInt((lefttime/mm)%60);
            var s=parseInt((lefttime/1000)%60);
            m=checktime(m);
            s=checktime(s);
            document.getElementById('LeftTime').innerHTML=d+"天"+h+"小时"+m+"分钟"+s+"秒";
            if (lefttime<0) {
                document.getElementById('LeftTime').innerHTML="活动已经结束！";
            }
        }
        freshTime();
        var sh;
        sh=setInterval('freshTime()',1000)
	</script>
	</body>

</html>